layui.use(['table','layer','form'], function() {
	let table = layui.table
	let layer = layui.layer
	let form = layui.form
	table.render({
		elem: '#notice-table1', //挂载标签
		url: 'http://localhost:9527/notices/list',
		title: '公告信息表',
		page: true, //自动开启分页功能
		toolbar: 'default', //开启工具栏，此处显示默认图标，可以自定义模板，详见文档
		cols: [
			[ //表头
				{
					type: 'checkbox', //复选框
					fixed: 'left' //固定在左边
				}, {
					field: 'id', //这个字段必须和服务端返回的字段一致
					title: 'ID',
					sort: true, //排序
					fixed: 'left', //固定在左边
					align: "center",
				}, {
					field: 'noticeTitle', //这个字段必须和服务端返回的字段一致
					title: '公告标题',
					align: "center",
				}, {
					field: 'noticeContent', //这个字段必须和服务端返回的字段一致
					title: '公告内容',
					align: "center",
				}, {
					field: 'createBy', //这个字段必须和服务端返回的字段一致
					title: '创建者',
					align: "center",
				}, {
					field: 'createTime', //这个字段必须和服务端返回的字段一致
					title: '创建时间',
					align: "center",
				},{
					field: 'updateBy', //这个字段必须和服务端返回的字段一致
					title: '更新者',
					align: "center",
				}, {
					field: 'updateTime', //这个字段必须和服务端返回的字段一致
					title: '更新时间',
					align: "center",
				}, 
			]
		]
	});
	
	// 头工具栏事件
	table.on('toolbar(notice-filter1)', function(obj) {
		var checkStatus = table.checkStatus(obj.config.id)
		var data = checkStatus.data; //获取选中的数据
		console.log(data.id)
		switch (obj.event) {
			case 'add':
				layer.msg('无权限');
				break;
			case 'update':
				layer.msg('无权限');
				break;
			case 'delete':
				layer.msg('无权限');
				break;
		};
	});
	
	//搜索栏点击事件
	form.on('submit(sreach)', function(data){
	  console.log(data.field) //当前容器的全部表单字段，名值对形式：{name: value}
	  //向服务器发起请求
	 table.reload('notice-table1', {
	   url: 'http://localhost:9527/notices/conditions',
	   where: data.field //设定异步数据接口的额外参数
	 });
	  return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
	});
	
})